<!DOCTYPE html>
<html lang="en" class="h-100">

<head>
  <title>Downloads</title>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="//cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="d-flex flex-column h-100">
<main class="flex-shrink-2">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <h1 class="display-6">Downloads</h1>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 py-2">
        <div class="tp-align-right mt-3">
          <a href="file_1.txt" id="file-1" download>
            File 1
          </a>
        </div>
        <div class="form-group tp-align-right mt-3">
          <a href="file_2.jpg" id="file-2" download>
            File 2
          </a>
        </div>
      </div>

    </div>
  </div>
</main>
</body>

</html>
